<?php
include ('../../datos/general.php');
include ('../../datos/conexion.php');
validarSession('Admin');
?>
	<script>
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});
		
	function limpiarDatos(lugar){
			if(lugar!='bd')
				document.getElementById("respuestaEditar").innerHTML="";
			document.getElementById("editarNumeroPlaza").value="";
			document.getElementById("editarPorcentajePlaza").value="";
		}
		
	function mostrarTabla(){
		$(".flexme3").flexigrid({
			url : 'Admin/plazas/plazaCargarTabla.php',
			dataType : 'xml',
			colModel : [{ display : 'Nombre', name : 'nombreProfesor', width : 250, sortable : true, align : 'left'}, 
						{ display : 'Número plaza', name : 'numeroPlaza', width : 80, sortable : true, align : 'left'}, 
						{ display : 'Porcentaje plaza', name : 'porcentajePlaza', width : 80, sortable : true, align : 'left'}, 
						{ display : 'Escuela', name : 'nombreEscuela', width : 150, sortable : true, align : 'left'}, 
						{ display : 'Sede', name : 'nombreSede', width : 100, sortable : true, align : 'left'}],
			buttons : [ {
							name : 'Editar',
							bclass : 'edit',
							onpress : test
					}],
			searchitems : [	{display : 'Nombre', name : 'nombreProfesor'}, 
							{display : 'Número plaza', name : 'numeroPlaza'}, 
							{display : 'Porcentaje plaza', name : 'porcentajePlaza'}, 
							{display : 'Escuela', name : 'nombreEscuela'}, 
							{display : 'Sede', name : 'nombreSede'} ],
			sortname : "nombreProfesor",
			sortorder : "asc",
			usepager : true,
			title : 'Profesores',
			useRp : true,
			rp : 10,
			showTableToggleBtn : true,
			width : 723,
			height : 220,
			singleSelect: true
		});
	}
		
	function test(com, grid) {
			var items = $('.trSelected', grid);
			if(items.length>0){
				idEditar = items[0].id.substr(3);
				limpiarDatos('');
				var auxNombre = items[0].cells[0].innerHTML;
				auxNombre = auxNombre.substring(0,auxNombre.length-6);
				var nombre = auxNombre.split(">", auxNombre.length);
				document.getElementById("nombreEditar").innerHTML=nombre[1];
				$("#idEditarPlaza").show("slow");
			}
			else alert('Debe seleccionar un registro.');
			}
	var idEditar;		
		
	function ocultarDiv(){
		$("#idEditarPlaza").hide("slow");
		}
	
	function guardarCambios(){
		var numero = document.getElementById("editarNumeroPlaza").value;
		var porcentaje = document.getElementById("editarPorcentajePlaza").value;
		if(numero!="" &&porcentaje!=""){
			parametros="tipo="+encodeURIComponent("registrar")+"&numeroPlaza="+encodeURIComponent(numero)+"&porcentajePlaza="+encodeURIComponent(porcentaje)+
					   "&idPersona="+encodeURIComponent(idEditar);
			cargar ("respuestaEditar", "", "Admin/plazas/plazaFunciones.php", "POST", parametros, true, "");
			}
		else document.getElementById("respuestaEditar").innerHTML="Hay datos sin completar";
		}
	
	</script>

<table id="tablaContenedora">
	<tr>
    	<td  align="center">
        	<div class="demo">
				<div id="accordion">
                	<!--Visualizar Sedes-->
                	<h3>
                    	<a href="#" onclick="mostrarTabla(); limpiarDatos('');$('.flexme3').flexReload();">
                        	Plazas
                        </a>
                    </h3>
	                    <!-- Cargas lista de sedes en la tabla-->   
                        <div align="left" id="listaSede">
                        <table class="flexme3" style="display: none"></table>
                        <script>mostrarTabla();</script>
                        <div id="idEditarPlaza" style="-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000000; display:none">
                        <h3 align="center">Edite información</h3>
                        <table id="tablaEditar" align="center">

                            	<tr>
                                	<td align="right"><strong>Profesor:</strong></td>
                                    <td id="nombreEditar"></td>
                                </tr>
                            	<tr>
                                	<td align="right"><strong>Número de plaza:</strong></td>
                                    <td>
                                    <input type="text" id="editarNumeroPlaza" />
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td align="right"><strong>Porcentaje:</strong></td>
                                    <td>
                                    <input type="text" id="editarPorcentajePlaza" />
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr>
                                	<td></td>
                                	<td><button id="editarBoton" onclick="guardarCambios()">Guardar cambios</button></td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2" id="respuestaEditar" style="color:#F00">
                                    </td>
                                </tr>                                                    
                            </table>
                        </div>
                        </div> <!-- Div listaSede-->
				</div><!-- Div acordion -->
			</div><!-- Div demo -->
		</td><!-- columna contenedora -->
	</tr><!-- fila contenedora -->
</table><!-- Tabla contenedora -->